// 监听 屏幕大小 变化, 自定义 hook
import React, { useState, useEffect } from 'react'

function useWinSize () {
  // 数据
  const [size, setSize] = useState({
    width: window.innerWidth,
    height: window.innerHeight
  })

  // 在屏幕变化时，触发函数
  const onResize = () => {
    setSize({
      height:window.innerWidth,
      height: window.innerHeight
    })
  }

  useEffect(() => {
    window.addEventListener('resize', onResize)

    return () => {
      window.removeEventListener('resize', onResize)
    }
  }, [])

  return size
}

export default useWinSize
